.liveTab {
  @apply flex w-fit;

  span,
  h1 {
    @apply inline-block h-full text-center border border-solid text-white-60 text-lg cursor-pointer;
    width: 5.75rem;
    height: 1.875rem;
    line-height: 1.875rem;
    border-color: rgba(255, 255, 255, 0.4);

    &:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-right-width: 0;
    }

    &:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      border-left-width: 0;
    }

    &.active {
      @apply text-theme border;
      border-color: var(--theme-color);
      background-color: rgba(255, 128, 50, 0.2);
    }
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .liveTabPhone {
    @apply ml-4;

    span,
    h1 {
      @apply h-6 w-20 text-base leading-6;
    }
  }
}
